<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html"/>
    <link rel="stylesheet" type="text/css"
          href="${request.contextPath}/statics/fancybox/source/jquery.fancybox.css?v=2.1.5" media="screen"/>
    <script type="text/javascript"
            src="${request.contextPath}/statics/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
    <script type="text/javascript"
            src="${request.contextPath}/statics/fancybox/source/jquery.fancybox.js?v=2.1.5"></script>
    <style type="text/css">
        html {
            overflow-y: auto;
        }

        .fancybox-custom .fancybox-skin {
            box-shadow: 0 0 500px #222;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <form class="form-inline" role="form">
            <div class="form-group">
                <input type="text" class="form-control" v-model="queryCondition.phone" @keyup.enter="query"
                       placeholder="手机号">
            </div>
            <div class="form-group">
                <input type="text" class="form-control" v-model="queryCondition.real_name" @keyup.enter="query"
                       placeholder="用户姓名"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" v-model="queryCondition.sfzh" @keyup.enter="query"
                       placeholder="身份证号"/>
            </div>
            <div class="form-group">
                <input type="text" class="form-control" v-model="queryCondition.cphm" @keyup.enter="query"
                       placeholder="车牌号码"/>
            </div>
            <div class="form-group">
                <select class="form-control" id="shzt">
                    <option value="2" selected>待审核</option>
                    <option value="1">审核通过</option>
                    <option value="3">未通过</option>
                </select>
            </div>
            <div class="form-group grid-btn">
                <a class="btn btn-default" @click="query">查询</a>
                <#if shiro.hasPermission("managerAppUser:appuser:save")>
                    <a class="btn btn-primary" @click="audit"><i class="fa fa-plus"></i>&nbsp;审核</a>
                </#if>
                <#if shiro.hasPermission("managerAppUser:appuser:update")>
                    <a class="btn btn-primary" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
                </#if>
                <#if shiro.hasPermission("managerAppUser:appuser:delete")>
                    <a class="btn btn-primary" @click="exportAppUser"><i class="fa fa-trash-o"></i>&nbsp;导出</a>
                </#if>
            </div>
        </form>
        <div class="jqGrid_wrapper">
            <table id="jqGrid"></table>
            <div id="jqGridPager"></div>
        </div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading" style="text-align: center">{{title}}</div>
        <form class="form-horizontal" style="width:50%!important;float:left;text-align: right;">
            <div class="form-group">
                <div class="col-sm-3 control-label">用户id</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.userid" placeholder="用户id"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">用户姓名</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.realName" placeholder="用户姓名"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">手机号码</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.phone" placeholder="手机号码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">身份证号</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.sfzh" placeholder="身份证号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">号牌类型</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.hplx" placeholder="号牌类型"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">车牌号码</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.cphm" placeholder="车牌号码"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">联系地址</div>
                <div class="col-sm-6">
                    <input type="textarea" class="form-control" v-model="appUser.address" placeholder="联系地址"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">驾驶证号</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.jszh" placeholder="驾驶证号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">档案编号</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.dabh" placeholder="档案编号"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">号牌种类</div>
                <div class="col-sm-6">
                    <input type="text" class="form-control" v-model="appUser.hpzl" placeholder="号牌种类"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-3 control-label">核发地</div>
                <div class="col-sm-6">
                    <select class="form-control" v-model="appUser.hfd">
                        <option value="1">本地</option>
                        <option value="2">本省外市</option>
                        <option value="3">外省</option>
                    </select>
                </div>
            </div>

        </form>
        <div class="panel panel-default" style="width:50%!important;position:relative;float:right;">
            <div class="panel-heading">身份证扫描件</div>
            <div class="panel-body">
                <div>
                    <div class="thumbnail">
                        <a :href="appUser.scanUrlZ" class="fancybox" data-fancybox-group="gallery" title="">
                            <img :src="appUser.scanUrlZ" style="width: auto;height:154px;" alt=" ">
                        </a>
                    </div>
                </div>

                <div>
                    <div class="thumbnail">
                        <a :href="appUser.scanUrlF" class="fancybox" data-fancybox-group="gallery" title="">
                            <img :src="appUser.scanUrlF" style="width: auto;height:154px;" alt=" ">
                        </a>
                    </div>
                </div>
            </div>
            <div style="margin-top: 64px;">
            <div v-show="!showUpdate" style="text-align: center">
                <input type="button" class="btn btn-primary" @click="showCreateModal" value="审核不通过"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-primary" @click="consented" value="审核通过"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
            <div v-show="showUpdate" style="text-align: center">
                <input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="yjMModal" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <span class="modal-title" id="createFileTitle"><strong>审核意见</strong></span>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <textarea autofocus class="form-control" v-model="appUser.opinion" style="min-height:150px;"></textarea></div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" @click="deny">确定</button>
                    <button type="button" class="btn btn-primary" @click="closeModal">关闭</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/managerAppUser/appuser.js?_${.now?long}"></script>
</body>
</html>